.fl {
    float: left;
}

.fr {
    float: right;
}

.w {
    width: 1200px;
    margin: 0 auto;
}

/* 加载字体图标 */
@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot?oq4iee');
    src:  url('../fonts/icomoon.eot?oq4iee#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?oq4iee') format('truetype'),
    url('../fonts/icomoon.woff?oq4iee') format('woff'),
    url('../fonts/icomoon.svg?oq4iee#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
/* 快捷导航栏 */
.shortcut{
    width: 100%;
    height: 31px;
    background-color: #f1f1f1;
    line-height: 31px;
    font-family: icomoon;
}
/* 红色 */
.style-red{
    color: #c81623;
}

.shortcut-menu li{
    float: left;
    padding: 0px 12px 0px;
}

/* 竖线 */
.shortcut-menu  .spacer{
    width: 1px;
    height: 10px;
    line-height: 31px;
    background-color: #666;
    padding: 0px;
    margin-top: 10px;
}

/* header代码 */
.header{
    position: relative;  /*  相对定位   */
    height: 105px;
    /*background-color: skyblue;*/
}

.logo{
    position: absolute;  /*  绝对定位   */
    top:26px;
    width: 175px;
    height: 56px;
    background: url("../images/logo.png") no-repeat;

}

.logo h1{
    font-size: 0;

}

.search{
    position: absolute;
    top: 26px;
    left: 350px;
}

.search .text{
    float: left;
    width: 473px;
    height: 32px;
    outline: none;
    border: 2px solid #b1191a;
    border-right: none;
    padding-left: 10px;
}

.search .btn{
    float: left;
    width: 84px;
    height: 36px;
    border: 2px solid #b1191a;
    background-color: #b1191a;
    color: #fff;
}

.hotwords{
    position: absolute;
    left: 350px;
    top: 62px;
    padding: 6px;
}

.hotwords a{
    margin: 0px 10px  0px;
}

.shopcar{
    position: absolute;
    top: 26px;
    right: 64px;
    width: 138px;
    height: 34px;
    background-color: #f7f7f7;
    border: 1px solid #dfdfdf;
    line-height: 34px;
    text-align: center;
}

.shopcar a{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.shopcar i{
    font-family: icomoon;
}

.shopcar .car{
    color: #d94f4f;
}

.count{
    position: absolute;
    /*display: block;*/
    top: -18px;
    right:10px;
    background-color: #d94f4f;
    /*width: 20px;*/
    padding-left: 5px;
    padding-right: 5px;
    line-height: 20px;
    color: #fff;
    border-radius: 8px 8px 8px 0;  /*  左上，右上，右下，左下 */
}


/* 菜单导航栏 */

.nav{
    height: 46px;
    border-bottom: 2px solid #b1191a;
}

.dropdown{
    width: 210px;
    height: 46px;
    background-color: #b1191a;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 46px;
}

.dd{
    height: 466px;
    background-color: #c81623;
    margin-top: 2px;  /* 顶下来2px */
}
.menu-item{
    height: 31px;
    line-height: 31px;
    text-align: left;
    padding: 0px 10px 0px;      /* 测量值是11px */
    font-size: 13px;
    transition: all 0.6s;
}

.menu-item:hover{
    background-color: #fff;
    margin-left: 1px;
    padding-left: 20px;
}

.menu-item a{
    color: #ffffff;
}
.menu-item:hover a{
    color: #c81623;
}

.menu-item span{
    color: #ffffff;
}
.menu-item:hover span{
    color: #c81623;
}

.menu-item i{
    float: right;
    font-family: icomoon;
}

.menu-item:hover i{
    color: #c81623;
}
/* 导航栏的平铺菜单 */
.nav-items{
    margin-left: 11px;
}

.nav-items li{
    float: left;
    height: 46px;
    line-height: 46px;
    font-size: 17px;
    padding: 0 22px 0;
}

/*  footer */
.footer{
    height: 418px;
    background-color: #f5f5f5;
    padding-top: 32px;
}

.mod-service{
    height: 81px;
    border-bottom: 2px solid #ededed;
}
.mod-service li{
    float: left;
    width: 204px; /* 204 + 36 = 240 */
    padding-left: 36px;
}

.mod-service-icon{
    display: block;
    float: left;
    width: 50px;
    height: 50px;
}

.icon-zhengpin{
    background: url("../images/icons.png") no-repeat -257px 0px;
}

.icon-wuliu{
    background: url("../images/icons.png") no-repeat -259px -51px;

}

.icon-wuyou{
    background: url("../images/icons.png") no-repeat -260px -102px;
}

.icon-tese{
    background: url("../images/icons.png") no-repeat -261px -153px;
}

.icon-bangzhu{
    background: url("../images/icons.png") no-repeat -260px -205px;
}

.mod-service-title{
    float: left;
    margin-left: 5px;
}

.mod-service-title h5{
    line-height: 24px;
}

.mod-help{
    height: calc(191px - 28px );  /*  191 */
    padding-top: 28px;
    border-bottom: 2px solid #ededed;
}

.mod-help-item{
    float: left;
    width: 150px;  /* 200 - 50 */
    padding-left: 50px;
}

.mod-help-item dt{
    font-size: 16px;
}

.mod-help-item dd{
    font-size: 12px;
    line-height: 20px;
}

.mod-help-app{

}
.mod-help-app img{
    width: 100px;
    height: 100px;
    margin-left: -18px;
}

.mod-help-app p{
    margin-left: 10px;
}
/* 版权信息 */
.mod-copyright{
    padding-top: 25px;
}

.mod-copyright p{
    text-align: center;
}

.links{
    width: 100%;
    height: 30px;
}

.links ul{
    width: 750px;
    height: 30px;
    margin: 0 auto;
}

.links li{
    float: left;
    padding: 0px 5px 0px;
    border-right: 1px solid #666;
}

.links li:last-child{
    border-right:none;
}

.copyright{
    line-height:24px;
}